﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>电力力系统</title>
    <meta name="keywords" content="电力力系统" />
    <meta name="description" content="电力力系统" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <script type='text/javascript' src='../assets/bundle.js' charset='utf-8'></script>
    <script type='text/javascript' src='../assets/jquery-1.11.2.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='../assets/echarts.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='../js/common.js' charset='utf-8'></script>
    <script type='text/javascript' src='../js/component.js' charset='utf-8'></script>
    <style>
        * { margin: 0; padding: 0; }
        html { height: 100%; }
        body { height: 100%; background: #fff url(../imgs/background.png) 50% 50% no-repeat; background-size: cover;}
        .dowebok { position: absolute; left: 50%; top: 50%; width: 430px; height: 550px; margin: -300px 0 0 -215px; border: 1px solid #fff; border-radius: 20px; overflow: hidden;}
        .logo { width: 106px; height: 136px; margin: 50px auto 80px; background: url(../imgs/login.png) 0 0 no-repeat; }
        .loginbody { position: relative; width: 360px; margin: 0 auto; padding-bottom: 30px;}
        .loginbody input { width: 288px; height: 48px; padding-left: 70px; border: 1px solid #fff; border-radius: 25px; font-size: 18px; color: #fff; background-color: transparent; outline: none;}
        .loginbody button { width: 360px; height: 50px; border: 0; border-radius: 25px; font-size: 18px; color: #1f6f4a; outline: none; cursor: pointer; background-color: #fff; }
        #userno { background: url(../imgs/user.png) 23px 10px no-repeat; }
        #password { background: url(../imgs/password.png) 23px 11px no-repeat; }
        .tip { display: none; position: absolute; left: 20px; top: 52px; font-size: 14px; color: #f50; }
        .reg-bar { width: 360px; margin:  auto 0;font-size: 14px; overflow: hidden;}
        .reg-bar a { color: #66b1ff; text-decoration: none; padding-top: -30px}
        .reg-bar a:hover { text-decoration: underline; }
        .reg-bar .reg { float: left;}
        .reg-bar .forget { float: right; }
        #loginBox ::-webkit-input-placeholder { font-size: 18px; line-height: 1.4; color: #fff;}
        #loginBox :-moz-placeholder { font-size: 18px; line-height: 1.4; color: #fff;}
        #loginBox ::-moz-placeholder { font-size: 18px; line-height: 1.4; color: #fff;}
        #loginBox :-ms-input-placeholder { font-size: 18px; line-height: 1.4; color: #fff;}
        @media screen and (max-width: 500px) {
            * { box-sizing: border-box; }
            #loginBox { position: static; width: auto; height: auto; margin: 0 30px; border: 0; border-radius: 0; }
            .logo { margin: 50px auto; }
            .loginbody { width: auto; }
            .loginbody input, .loginbody button, .reg-bar { width: 100%; }
        }
    </style>
</head>
<body>
<div id="loginBox">
    <div class="logo"></div>
    <ul class="loginbody" style="list-style-type:none">
        <form name="formLogin" id="formLogin">
            <li>
                <input id="userno"  type="text" name="userno" nullmsg="请输入帐号!" placeholder="请输入账号" iscookie="true">
            </li>
            <li style="margin-top: 20px">
                <input id="password"  type="password" name="password" nullmsg="请输入密码!" placeholder="请输入密码" >
                <br>
                <!--<a class="highlight" href="#">忘记密码？</a>-->
            </li>
            <li id="msgLi" style="display: none;font-weight: bold;">
                <p class="blink" style="color: red;"></p>
            </li>
            <li class="highlight" style="margin-top: 20px">
                <input id="but_login" value="绑 定" type="button" style="padding-left: 5px;background-color:#66b1ff;color: white;opacity: 0.7;font-weight: 700;font-size: 18px">
            </li>

        </form>
    </ul>
        <div class="reg-bar">
        <!--<a class="reg" href="forgot.html">联系我们</a>-->
    </div>
    <div style="text-align:center;">
        <p style="padding-top: 20px;color: yellow;display:none;">&copy; All Rights Reserved. Company<a href="http://www.hzcando.com/" target="_blank" style="color: #66b1ff;"> 杭州开地</a></p>
    </div>
</div>
<div class="msgBox" style="display:none;">
    <p id="msg">您已经成功绑定微信！</p>
</div>


<script type="text/javascript" src="bind.js"></script>
<div id="footer" style="display: none">
    <img src="../imgs/login.png" style="margin-left: 150px;margin-top: 100px">
    <p style="font-size: 20px;color: yellow;margin-left: 100px;margin-top: 120px">电力力竭诚为您服务！</p>
</div>
</body>
</html>
